<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Facultad de Derecho</title>
<link href="css/bootstrap.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<style>
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
</style>
<script>
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement("style")
 
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important}"
        )
    )
 
    document.getElementsByTagName("head")[0].appendChild(msViewportStyle)
}
</script>
<link href="css/styles.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<!-- Favicons -->


</head>
<body>
	<div class="container">
		<?php include_once('includes/header.php'); ?>
        
        <nav class="MenuSector">
        	<div class="pull-left">
                <a class="location" href="#">Internacionales</a>
            </div>
        	<ol class="breadcrumb pull-right hidden-xs">
                <li><a href="#">Home</a></li>
                <li><a href="#">Internacionales</a></li>
                <li class="active">Convenios nternacionales</li>
            </ol>
            <div class="clearfix"></div>
        </nav>
        
        <section class="row">
            <div class="col-lg-3 col-md-3 col-sm-4 menu_izq">
            <p>cabecera</p>
                <nav>
                    <a href="#">Informaci&oacute;n general</a>
                    <a href="#">Convenios Internacionales</a>
                    <a href="#">Becas y Estudios de Posgrado en el extranjero</a>
                    <a href="#">Novedades</a>
                    <a href="#">Preguntas frecuentes</a>
                    <a href="#">Links recomendados</a>
                </nav>
            </div>
            <div class="col-lg-9 col-md-9 col-sm-8">
            	<h1 class="titulo">Programas para estudiantes</h1>
                <div class="row">
                	<div class="col-md-6">
                    	<table class="tabla">
                            <tbody>
                                <tr class="celeste">
                                    <td align="center" valign="middle"><span class="glyphicon glyphicon-bell"></span> Interdum et malesuada fames ac</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Proin faucibus, mi a lobortis porta, orci nibh mattis</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Quisque convallis magna</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Sed ligula nisl, laoreet ut magna a, aliquet eleifend nunc</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Nullam mollis tortor odio, vel vestibulum purus dictum non. Sed id euismod arcu</td>
                                </tr>
                            </tbody>
                        </table>
                        
                        <table class="tabla">
                            <tbody>
                                <tr class="azul">
                                    <td align="center" valign="middle"><span class="glyphicon glyphicon-bullhorn"></span> Interdum et malesuada fames ac</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Proin faucibus, mi a lobortis porta, orci nibh mattis</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Quisque convallis magna</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Sed ligula nisl, laoreet ut magna a, aliquet eleifend nunc</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Nullam mollis tortor odio, vel vestibulum purus dictum non. Sed id euismod arcu</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-6">
                    	<table class="tabla">
                            <tbody>
                                <tr class="verde">
                                    <td align="center" valign="middle"><span class="glyphicon glyphicon-exclamation-sign"></span> Interdum et malesuada fames ac</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Proin faucibus, mi a lobortis porta, orci nibh mattis</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Quisque convallis magna</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Sed ligula nisl, laoreet ut magna a, aliquet eleifend nunc</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Nullam mollis tortor odio, vel vestibulum purus dictum non. Sed id euismod arcu</td>
                                </tr>
                            </tbody>
                        </table>
                        
                        <table class="tabla">
                            <tbody>
                                <tr class="naranja">
                                    <td align="center" valign="middle"><span class="glyphicon glyphicon-info-sign"></span> Interdum et malesuada fames ac</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Proin faucibus, mi a lobortis porta, orci nibh mattis</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Quisque convallis magna</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Sed ligula nisl, laoreet ut magna a, aliquet eleifend nunc</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Nullam mollis tortor odio, vel vestibulum purus dictum non. Sed id euismod arcu</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <div class="row">
                	<div class="col-md-12">
                    	<table class="tabla" width="100%">
                            <tbody>
                                <tr class="rojo">
                                    <td align="center" valign="middle"><span class="glyphicon glyphicon-question-sign"></span> Interdum et malesuada fames ac ante ipsum primis</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Proin faucibus, mi a lobortis porta, orci nibh mattis</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Quisque convallis magna</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Sed ligula nisl, laoreet ut magna a, aliquet eleifend nunc</td>
                                </tr>
                                <tr>
                                    <td align="left" valign="middle">Nullam mollis tortor odio, vel vestibulum purus dictum non. Sed id euismod arcu</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
            </div>
        </section>
                
    </div>
    
    <?php include_once('includes/footer.php'); ?>

    <!-- Situado al final del documento para que la página se cargue más rápido -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/holder.js"></script>
</body>
</html>
